﻿@using xConnected.Common.ExpertProfile
    <table class="table table-striped table-condensed">
        <tbody data-bind="foreach: companies">
            <tr class="row">
                <td class="span2">
                    <div align="center">
                        <img data-bind="attr: {src: $data.Photo()}" alt="Photo" style="width: 100px">
                    </div>
                </td>
                <td data-bind="text: Id" class="hidden"></td>
                <td class="span5">
                <a href="#" data-bind="click: function() { $root.company.selectDetailsCompany($data); }" >
                <h4 data-bind="text: Title"></h4>
                </a>
                    <h5 data-bind="html: Description"></h5>
                    <div data-bind="with: Industry"><button class="btn btn-mini" data-bind="text: Description, click: function() { $root.company.setIndustryId($data);}"></button></div>
                </td>
                <td>
                    <h5 data-bind="text: Location"></h5>
                    <i class="icon-envelope"></i><a data-toggle="modal" href="#ContactCompany" data-bind="click: function() { $root.company.selectCompanyAndReset($data); }" >@Resources.Contact</a>
                    <i class="icon-folder-open"></i><a href="#" data-bind="click: function() { $root.company.loadCompanyPositions($data); }">Positions</a>
                </td>
                <td>
                    <a class="btn btn-small"  data-bind="click: function() { $root.company.selectDetails($data); }" ><i class="icon-zoom-in"></i></a>
                </td>
            </tr>
        </tbody>
    </table>
